<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>user-roona.html</title>
<script type = "text/javascript">
    function moveDown() {
    var pp = document.getElementById("profilepic");
    var up = parseInt(pp.style.top);
    var tim = setTimeout("moveDown()",500);
    up += 60;
    pp.style.top = up +"px";
    if (up > -1) {  
    clearTimeout(tim);
    }
    } 
     </script>
</head>
<body onload="moveDown()">
	<h1 style = "position: absolute;left:250px;top:20px;font-size: 50px; color: #8D38C9">Rana Helal</h1>
	<p style = "position: absolute;left:100px;top:190px;font-size: 22px">About Me</p>
	<p style = "position: absolute;left:100px;top:230px;font-size: 18px">sixth semester computer engineering student...enjoys swimming,volleyball and shopping ;)</p>
	<p style = "position: absolute;left:100px;top:280px;font-size: 22px">Role in the Company</p>
	<p style = "position: absolute;left:100px;top:320px;font-size: 18px">Developer</p>
	<p style = "position: absolute;left:100px;top:350px;font-size: 22px">Programming Languages and Technologies I know</p>
	<ul style = "position: absolute;left:100px;top:390px;font-size: 18px">
	<li>Java</li>
	<li>HTML</li>
	<li>Prolog</li>
	<li>Haskell</li>
	<li>JavaScript</li>
	</ul>
	
<img alt = "20" id= "profilepic" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/419891_10151342937985370_776595369_23310639_359585063_n.jpg" 
width= "150" height="150" style= "position: relative;top:-220px;left:40px" />
</body>
</html>